:root {
    --county-black: rgb(50, 50, 50);
    --county-blue: rgb(230, 237, 248);
    --county-blue-dark: #3f66a2;
    --county-gray: rgb(225, 225, 225);
    --county-green: #0C4A03;
    --county-transparent-light: rgb(255,255,255, 0.3);
    --county-transparent-dark: rgb(0,0,0,0.3);
    --county-transparent-dark2: rgb(0,0,0,0.15);
    --county-white: rgb(250,250,250);
    /*--helion-gray: rgb(170, 170, 170);*/
    --helion-gray: rgb(220, 220, 220);
}

#website-body {
    /*--banner-image-width: 340px;
    --banner-image-width-small: 75px;*/
    --banner-image-width: 80px;
    --banner-image-width-small: 50px;
    --banner-background-color: var(--county-green);
    --banner-foreground-color: var(--county-white);
    --banner-foreground-color-helion: var(--helion-gray);
    /*--sidebar-background-color: var(--county-gray);
    --sidebar-background-color-top-row: var(--county-blue);
    --sidebar-link-background-color-hover: var(--county-blue);
    --sidebar-link-foreground-color: var(--county-black);
    --sidebar-link-foreground-color-top-row: var(--county-transparent-light);
        */
}

#county-logo2 {
    display: none;
    width: var(--banner-image-width-small);
}

#website-body #county-banner {
    gap: 10px;
}

#banner-item-1 a {
    padding-left: 140px;
}

#website-body .navbar-brand:hover {
    background-color: var(--county-transparent-light);
}

@media (max-width: 820px) {
    /*
    #website-body #county-banner {
        grid-template-columns: var(--banner-image-width-small) auto;
    }

    #county-logo {
        display: none;
    }

    #county-logo2 {
        display: initial;
    }

            */
        #banner-item-1 a {
        padding-left: 20px;
    }
}